<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>CreditAmountRecheck</title>
    <script th:src="@{/vendor/jquery/jquery.min.js}"></script>
    <script th:src="@{/vendor/bootstrap/js/bootstrap-table.js}"></script>
    <script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}"></script>
    <script th:src="@{/vendor/metisMenu/metisMenu.min.js}"></script>
    <script th:src="@{/dist/js/sb-admin-2.js}"></script>
    <script th:src="@{/vendor/datepicker/bootstrap-datepicker.js}"></script>
    <link href="/vendor/bootstrap/css/bootstrap-table.css" rel="stylesheet">
    <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
    <link href="/dist/css/sb-admin-2.css" rel="stylesheet">
    <link href="/vendor/datepicker/datepicker3.css" rel="stylesheet">
    <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link th:href="@{/vendor/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

    <style>
        /*body*/


        /*divide*/
        #leftWindow {
            width: 25%;
            float: left;
            height: 800px;
        }
        #iframeMapping {
            width: 75%;
            float: left;
            height: 1000px;
        }

    </style>
</head>

<body style="overflow-y: scroll; overflow-x: scroll" onselectstart="return false">
    <div id="leftWindow">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">贷款审批队列</a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in">
                <div class="panel-body">
                    <ul id="side_nav" >
                        <li>
                            <ul class="list-group">
                                <li class="list-group-item">填写申请</li>
                                <li th:each="bpm_no : ${listStr1}" class="list-group-item"><a href="#" th:text="${bpm_no}" th:onclick="'javascript:Onclick1(\''+${bpm_no}+'\',\''+${userid}+'\');'"></a></li>
                            </ul>
                        </li>
                        <li>
                            <ul class="list-group">
                                <li class="list-group-item">审贷会审批</li>
                                <li th:each="bpm_no : ${listStr2}" class="list-group-item" ><a href="#" th:text="${bpm_no}" th:onclick="'javascript:Onclick2(\''+${bpm_no}+'\',\''+${userid}+'\');'"></a></li>
                            </ul>
                        </li>
                        <li>
                            <ul class="list-group">
                                <li class="list-group-item">合规部审批</a></li>
                                <li th:each="bpm_no : ${listStr3}" class="list-group-item" ><a href="#" th:text="${bpm_no}" th:onclick="'javascript:Onclick3(\''+${bpm_no}+'\',\''+${userid}+'\');'"></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <iframe id="iframeMapping" frameborder="0" src=""></iframe>




<script>
    function Onclick1(bpm_no,userid) {
        $('#iframeMapping').attr('src',"/applyInfo?loanid="+bpm_no+"&userid="+userid);
    }
    function Onclick2(bpm_no,userid) {
        $('#iframeMapping').attr('src',"/examination?loanid="+bpm_no+"&userid="+userid);
    }
    function Onclick3(bpm_no,userid) {
        $('#iframeMapping').attr('src',"/compDepApprovalInfo?loanid="+bpm_no+"&userid="+userid);
    }

</script>
</body>
</html>
